*{margin:0;padding:0;word-wrap:break-word;}
body{font:normal 12px Arial;background:#E9E9E9;}
a{text-decoration:none;color:#0FF;}
a:hover{text-decoration:underline;}
img{border:0;}
h2{font:bold 14px Arial;padding:0 0 10px;}
option{padding:0 5px 0 3px;}

.clear{clear:both;}
.p{margin:10px 0;}

#thumbBox{position:absolute;left:0;top:0;padding:7px;background:#EEE;visibility:hidden;z-index:10;cursor:hand;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;box-shadow:1px 1px 5px #555;z-index:11;}
#thumbBox .footerbar{font:bold 16px/1.1em Arial;padding:5px 0 0;text-align:right;}
#thumbBox #thumbImage{border:1px solid #DDD;background:#FFF;}
#thumbLoading{position:absolute;visibility:hidden;border:1px solid black;background:#FFF;padding:5px;z-index:11;}
#loginhead{border-bottom:#CCCCCC solid 1px;height:23px;background:#fff;color:#000;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}
.body{width:100%;background-position:0 -100px;}
.wrap{margin:0 auto;padding:0 5px;width:1000px;}

#top{padding:20px 10px;background:#17A;text-align:center;}
#url{font:12px "Courier New", Courier, monospace;}
#top a{color:#DDD;}
.mrq{background:#17A;height:30px;font:bold 13px/30px Arial;color:#FD1;padding:0 10px;}
.mrq a{color:#FFF;}
#jsmarquee{position:relative;overflow:hidden;height:30px;}
#vmarquee{position:absolute;left:0;}

.menu{list-style:none;color:#FD1;font:bold 13px/38px Arial;height:40px;padding:0 0 0 30px;background-position:0 -40px;}
.menu li{float:left;padding:0 0 0 2px;background-position:-18px 0;}
.menu span{display:block;padding:0 30px;}
.menu a{color:#FFF;font-weight:normal;}
.menu a:hover{text-decoration:none;}

.ldjs{background:#2D86B2;height:20px;padding:5px 10px;border-bottom:#0A5378 solid 1px;line-height:20px;color:#FFF;}
.ldjs a,.ldjs strong{color:#FD1;}
#lang img{vertical-align:middle;}
.fb-tw{height:20px;float:right;}
.fb-tw span{display:-moz-inline-box;display:inline-block;vertical-align:middle;line-height:20px;}
.fb{width:75px;}
.fbs a{font:11px Tahoma;display:block;background:#ECEEF5;padding:2px 5px;border:1px solid #CAD4E7;border-radius:3px;text-decoration:none;color:#3B5998;}
.fbs a:hover{border-color:#9DACCE;}
.fbs i{background-image:url("../../../rsrc.php/v2/yh/r/1dQf_ATK831.png");background-repeat:no-repeat;display:inline-block;height: 14px;width:14px;margin:0 2px 0 0;vertical-align:bottom;}
.tw{width:82px;}
.po{width:68px;}
.in{width:61px;}
.middle{background:#17A;border-top:#0D5F88 solid 1px;border-bottom:#0D6FA0 solid 2px;padding:10px 20px 20px 20px;color:#FFF;}

.gbox{padding:10px;background:#EEE;text-align:center;color:#555;border:solid 2px;border-color:#0D6FA0 #1A81B5 #1A81B5 #0D6FA0;}
.gbox a{color:#009;}

.left{float:left;width:210px;text-align:center;}
#mtype{color:#FD1;font:bold 12px Arial;margin:0 0 10px;}
#mtype span{font:normal 11px Arial;}
.qsearch{margin:10px auto;}
.qsearch div{border:1px solid #042257;background:#fff;}
.qsearch #q,.qsearch #q2{border:none;font:12px Arial;color:#CCC;background:transparent;float:left;padding:7px;width:161px;_width:158px;}
.qsearch #q.focus,.qsearch #q2.focus{color:#333;}
.qssubmit{margin:0;}
.q2{float:right;margin:0;}
.q2 div{border:#AAA solid 1px;}
.sm{list-style:none;margin:0 0 10px;color:#FD1;}
.sm li{height:43px;}
.sm a{color:#eee;}
.sm a:hover{text-decoration:none;}
.sm span{display:block;width:209px;}
.sm .t{height:4px;_font-size:0;}
.sm .m{line-height:35px;height:35px;overflow:hidden;background-position:-209px 0;}
.sm .b{height:4px;background-position:0 -4px;_font-size:0;}
.ddmenu{position:relative;_zoom:1;z-index:10;}
.ddmenu.hover .subgrup{display:block;}
.subgrup{list-style:none;position:absolute;left:207px;top:1px;background:#3764A7;border:#103480 solid 1px;display:none;z-index:10;}
.subgrup li{white-space:nowrap;line-height:25px;height:25px;}
.subgrup li:hover{background:#4479B3}
.subgrup a{display:block;padding:0 10px;}
.cpcontact{padding:5px;text-align:left;margin:0 0 10px;}
.cpcontact .t{font:bold 14px Arial;color:#78E;margin:0 0 10px;}
.cpcontact span{display:block;margin:3px 0;overflow:hidden;}
.homepage div div{float:none !important;}
.review{text-align:center;padding:10px 0;}
.review div{font-weight:bold;padding:3px 0;}
.review p{margin:10px 0;}
.review span{display:block;}
.rrlink{text-align:left;padding:0 0 0 15px;background:#E9E9E9}

.right{float:right;width:720px;}
.titlebg{background:#EEE;font:bold 14px/20px Arial;color:#009;text-align:center;border:solid 1px;border-color:#0D6FA0 #1A81B5 #1A81B5 #0D6FA0;}
#bibox{border-bottom:#DDD dashed 1px;padding:0 0 10px;text-align:left;}
#djlu{float:right;padding:0 0 0 10px;margin:0 0 0 10px;border-left:#CCC dotted 1px;}
.subtitle{color:#78E;font:normal 18px Arial;margin:10px 0;}
.pp td{text-align:left;}
.cpprod{list-style:square;margin:5px 0 0;}
.cpprod li{margin:0 0 0 14px;}
.incplist{background:#e9e9e9;margin:10px 0 0;text-align:left;}
.incplist .button{margin:5px;}
.incplist a{line-height:30px;margin:0 5px;}
.revpaging{padding:5px 10px;background:#e9e9e9;border:#DDD solid;margin:5px 0;}
.grupdesc{padding:0 0 10px;}
.grupdesc img{float:left;margin:0 10px 0 0;}
.inq{padding:5px;}
.inqt{}
.inqt .button{margin:0 0 5px;}
.inqb{border:none;}
.inq span{float:left;line-height:20px;}
.inqb span,.inqb .button{margin-top:5px;}
.selectall{float:left;line-height:27px;}
.viewopt{float:right;margin:7px 0 0;}
.viewopt .gon{background-position:0 -36px;font-weight:bold;}
.viewopt .goff{background-position:0 -12px;}
.viewopt .lon{background-position:0 -24px;font-weight:bold;}
.viewopt .loff{background-position:0 0px;}
.ppp{float:right;line-height:27px;margin:0 10px 0 0;}
.paging{margin:10px 0;text-align:right;color:#f1f1f1;}
.paging b font{color:#CCC;}

.prodtype{font:normal 18px Arial;margin:5px;}
.prodtype a{color:#78E;}
.litems{padding:10px 0;border-bottom:1px solid #DDD;}
.litems .box1{float:left;width:23px;height:15px;text-align:left;}
.litems .box2{float:left;margin:0 18px 8px 0;border:#CCC solid 1px;}
.litems .box2 a,.gitems .box2 a,.pimg a{display:table-cell;vertical-align:middle;text-align:center;background:#FFF;}
.litems .box3{width:670px;float:left;text-align:left;}
.litems .name{font:bold 14px Arial;margin:0 0 5px;color:#000;}
.litems .name a{font:bold 12px Arial;}
.litems .date{color:#999;font:10px Arial;margin:0 0 10px 10px;}
.litems .desc{margin:5px 0 0;}
.litems .addedtb{margin:10px 0 0;padding:2px 5px;background:#FFF;display:inline-block;border:#CCC solid 1px;}
.litems .box4{width:475px;float:right;text-align:right;margin:10px 0 0;}
.litems .box5{padding-left:15px;}
.gitems{width:24.9%;float:left;text-align:center;margin:10px 0;position:relative;}
.gitems .box1{position:absolute;left:6px;}
.gitems .box2{margin:0 auto 5px;width:120px;height:120px;border:#CCC solid 1px;background:#FFF;position:relative;overflow:hidden;}
.gitems .box3,.gitems .box4{text-align:center;overflow:hidden;margin:0 5px;}
.gitems .box3{white-space:nowrap;}
.gitems .box4{height:60px;}
.gitems .addedtb{position:absolute;top:0;left:0;}
.gitems .addedtb a{display:block;height:20px;background:#000;opacity:0.5;filter:alpha(opacity=50);line-height:20px;color:#FFF;}
.gitems .date{color:#999;font:10px Arial;}
.gitems .desc{font-size:11px;margin:5px 0 0;line-height:14px;}
.tbl{table-layout:fixed;_width:auto;text-align:left;}
.tbl th,.tbl td{font-size:11px;padding:4px 0;vertical-align:top;border-bottom:#AFAFAF dotted 1px;}
.tbl th{white-space:nowrap;font-weight:normal;padding-right:15px;}
.tbl td{font-weight:bold;}
.tbl .noborder th,.tbl .noborder td{border:none;}
.keterangan{margin:10px 0;}
.keterangan dt{font:bold 14px "Trebuchet MS";margin:0 0 10px;}
.keterangan dd{line-height:20px;}
.pimg{float:left;text-align:center;margin:0 15px 0 0;}
.pdnf{text-align:left;}
.pdnf .p{margin:10px 0;font-weight:bold;}
.pdnf li{font-weight:normal;margin:0 0 0 14px;}
.pdnf p{text-align:center;}

.button{float:left;}
.button span{display:block;height:20px;float:left;line-height:20px;margin:0 !important;}
.button .l,.button .r{width:9px;}
.button .l{background-position:0 0;}
.button .m{background-position:0 -80px;}
.button .r{background-position:-9px 0;}
.button a{color:#555;}

.ps-container{padding:0 40px;position:relative;margin:5px 0 0;z-index:10;_zoom:1;}
#ps{position:relative;overflow:hidden;height:150px;}
.ps-container img{border:none;}
#ps div{position:absolute;}
#ps td{text-align:center;padding:5px;white-space:nowrap;}
#ps td:hover{background:#258BBE;}
#pdsnext,#pdsprev{display:none;width:20px;height:30px;position:absolute;top:35px;}
#pdsnext{right:5px;}
#pdsprev{left:5px;}

.bottom{background:#000;padding:10px;text-align:center;color:#FFF;}
.bottom .footermenu{margin:10px 0 0;}
.bottom .footermenu a{font-weight:bold;color:#FD1;}
.bottom .cpr{color:#CCC;font:10px Tahoma;}